<template lang="">
    <div>
        <headers></headers>
        <titles :title="title"></titles>
        <router-view></router-view>
        <footers></footers>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                title: ''
            }
        },
        watch: {
            title(newValue, oldValue) {
                console.log(newValue);
                console.log(oldValue);
            }
        },
        mounted() {
            const {
                title
            } = this.$router.app._route.meta
            this.title = title
        },
    }
</script>
<style lang="less" scoped>

</style>